@import "public";
//logo部分
.register-head-container{
    width:100%;
    min-width:1190px; 
    background:#fff;
    .register-head{
        margin:0 auto;
        width:1190px;
        height:96px;
        .logo{
            float:left;
            padding-right:50px;
            height:96px;
        }
        .register-title{
            float:left;
            width:340px;
            height:47px;
            margin-top:25px;
            padding-left: 5px;
            border-left:1px solid #E5E1DF;
            font-size:18px;
            line-height: 70px;
            color:#33302E;
        }
    } 
}
//主体部分
.register-wrap{
    min-height:500px;
    width:1200px;
    margin:0 auto;
    //左侧注册部分
    .reg-left{
        float:left;
        width:550px;
        padding:42px 0 0 100px;
//      标题部分
        .hd{
            width:441px;
            height:32px;
            line-height: 32px;
            border-bottom:2px solid #E5E1DF;
            margin-bottom:50px;
            font-size: 14px;
            color:#333333;
            .hd-item{
                float: left;
                padding-left: 41px;
                padding-right: 24px;
                border-bottom:2px solid #E5E1DF;
                .hd-phone-icon{
                    position:absolute;
                    width:8px;
                    height:16px;
                    margin:9px 0 0 -15px;
                    background: url(../img/registerimg/bg.png) no-repeat -4px 0;
                }
                .hd-mail-icon{
                    position:absolute;
                    width: 15px;
                    height: 10px;
                    margin:12px 0 0 -24px;
                    background: url(../img/registerimg/bg.png) no-repeat -47px 0;
                }
            }
            .active{
                color:#FF6600;
                border-bottom: 2px solid #FF6600;
            }
        }
//      表单部分
        .bd{
            padding-left:50px;
            .bd-con{
                .reg-phone-form{
                    .bd-form-wrap{
                        margin-bottom:30px;
                        position: relative;
                        .bd-form-item{
                            width:288px;
                            height:26px;
                            text-indent: 10px;
                            line-height: 26px;
                            padding: 6px 0;
                            border: 1px solid #b4b4b4;
                            font-size: 14px;
                            color: #333;
                        }
                        .info-tips{
                            position: absolute;
                            width:300px;
                            font-size: 12px;
                            line-height: 18px;
                            color: #8c8c8c;
                        }
                        .phone-code,.img-code{
                            width:188px;
                        }
                        .get-code{
                            position: absolute;
                            width: 88px;
                            margin-left: 10px;
                            height: 38px;
                            text-align: center;
                            line-height: 38px;
                            cursor: pointer;
                            border: 1px solid #b4b4b4;
                            color: #333;
                            background: #fafafa;
                        }
                        .image-code{
                            position: absolute;
                            top: 0;
                            left: 190px;
                            width: 88px;
                            margin-left: 10px;
                            height: 40px;
                            text-align: center;
                            cursor: pointer;
                        }
                        .change-code{
                            position: absolute;
                            margin-left: 110px;
                            line-height: 40px;
                            font-size: 12px;
                            color:#2f6ceb;
                            span{
                                color:#33302E;
                            }
                        }
                    }
                    //协议部分
                    .protocol{
                        width:290px;
                        margin-bottom: 10px;
                        font-size: 0;
                        i{
                            display:inline-block;
                            width:20px;
                            height:20px;
                            margin-top: -10px;
                            background: url(../img/largebg.png) no-repeat -2527px -4px;
                            vertical-align: middle;
                            
                        }
                        span{
                            display: inline-block;
                            height:20px;
                            line-height: 20px;
                            margin-left:5px;
                            font-size: 12px;
                            a{
                                color:#2F6CEB;
                            }
                        }
                    }
//                  按钮部分
                    .phone-btn{
                        width: 290px;
                        height: 40px;
                        margin-bottom: 30px;
                        line-height: 40px;
                        background: #f60;
                        text-align: center;
                        font-size: 14px;
                        color: #fff;
                    }
                }
            }
//          其他登录方式
            .other-login{
                margin-bottom: 14px;
                span{
                    font-size: 12px;
                    margin-right: 12px;
                }
                a{
                    position: absolute;
                    width:24px;
                    height:24px;
                }
                .qq{
                    background: url(../img/loginimg/login.png) no-repeat 0 -22px;
                }
                .wx{
                    margin-left:34px;
                    background: url(../img/loginimg/login.png) no-repeat -28px -22px;
                }
                .zfb{
                     margin-left:68px;
                    background: url(../img/loginimg/login.png) no-repeat -56px -22px;
                }
                .wb{
                     margin-left:102px;
                    background: url(../img/loginimg/login.png) no-repeat -84px -22px;
                }
            }
            .goLogin{
                font-size: 12px;
                a{
                    color:#2F6CEB;
                }
            }
        }
    }
//  右侧部分
    .reg-right{
        float:left;
        margin-top:76px;
        a{
            display:block;
            width:460px;
            height:140px;
            margin-bottom:10px;
        }
    }
}
